<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/2/24
  Time: 15:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>

<head>

    <title>首页</title>
    <script src="${pageContext.request.contextPath}/js/jQuery/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/index.css">

</head>
<body>
<div class="content">
    <!--========================头=======================-->
    <div class="header">
        <div class="bar">
            <div class="in">
                <div class="uer">
                    <%--======================登陆注册=====================--%>
                    <c:if test="${empty loginCustomer}">
                        <p>
                            <a href="${pageContext.request.contextPath}/login">登录/</a>
                            <a href="${pageContext.request.contextPath}/regist">注册</a>
                        </p>
                    </c:if>
                    <%--==================用户栏====================--%>
                    <c:if test="${!empty loginCustomer}">
                        <ul>
                            <li class=" tle">
                                <%--<a class="geren" href=""><img src="${pageContext.request.contextPath}/images/geren2.png"></a>--%>
                                <a class="uname" href="">
                                ${loginCustomer.custTelno}
                                </a>
                            </li>
                            <li class="e7">
                                <a class="shouye" href=""><img src="${pageContext.request.contextPath}/images/shouye.png"></a>
                                <a href="">我的51job</a>
                            </li>
                            <li class="e1">
                                <a class="wendang" href=""><img src="${pageContext.request.contextPath}/images/wendang.png"></a>
                                <a href="/resume">简历中心</a>
                            </li>
                            <li class="e2">
                                <a class="yanjing" href=""><img src="${pageContext.request.contextPath}/images/yanjing.png"></a>
                                <a href="">谁看过我</a>
                            </li>
                            <li class="e4">
                                <a class="shizhong" href=""><img src="${pageContext.request.contextPath}/images/shizhong.png"></a>
                                <a href="">我的申请</a>
                            </li>
                            <li class="last">
                                <a class="tuichu" href=""><img src="${pageContext.request.contextPath}/images/tuichu.png"></a>
                                <a href="">退出账户</a>
                            </li>
                        </ul>
                    </c:if>




                </div>
                <p class="rlk">
                    <a href="" target="_blank">职场百科</a><span class="lb">&nbsp;</span>
                    <a href="" target="_blank">职场文库</a><span class="lb">&nbsp;</span>
                    <a href="" target="_blank">招聘信息</a><span class="lb">&nbsp;</span>
                    <a href="" target="_blank">企业服务</a><span class="lb">&nbsp;</span>


                </p>
            </div>
        </div>

        <div class="nag">
            <div class="in">
                <a href=""><img src="images/logo_white.png" class="logo"></a>
                <img src="images/slogen_fix.png" class="slogen">
                <p class="nlink">
                    <a href="">首页</a>
                    <a class="" href="${pageContext.request.contextPath}/job_all">职位搜索</a>
                    <a href="">地区频道</a>
                    <a href="">职场咨询</a>
                    <a href="">校园招聘</a>
                    <a href="">无忧精英</a>
                </p>
            </div>
        </div>
    </div>

    <!--========================搜索框=======================-->
    <div class="search-box">
        <div class="search">
            <div class="city">苏州 <span>+</span></div>
            <input class="search-text" type="text"placeholder="请输入关键字">
            <input class="search-btn" type="button" value="搜索">
        </div>
        <div class="search-hot">
            <label>热门推荐:</label>
            <a href=""class="hot-job">Java</a>
            <a href=""class="hot-job">PHP</a>
            <a href=""class="hot-job">C++</a>
            <a href=""class="hot-job">web前端</a>
            <a href=""class="hot-job">iOS</a>
            <a href=""class="hot-job">Android</a>
            <a href=""class="hot-job">产品经理</a>
            <a href=""class="hot-job">UI设计</a>
            <a href=""class="hot-job">产品运营</a>
        </div>
        <div class="search-bottom">
            <span><a href="" class="jlmb">简历模板</a></span>
            <span><a href="" class="qzx">求职信</a></span>
            <span><a href="" class="qzgl">求职攻略</a></span>
            <span><a href="" class="zccd">职场充电</a></span>
            <span><a href="" class="qypm">名企排行榜</a></span>
            <span><a href="" class="hlwzp">互联网招聘</a></span>
            <span><a href="" class="mqzp">2019名企招聘</a></span>
        </div>
    </div>

</div>
<div class="job-body">
    <div class="cityWhere">
        <label>城市求职</label>
        <div class="cityname">
            <a href="">北京</a>
            <a href="">上海</a>
            <a href="">广州</a>
            <a href="">深圳</a>
            <a href="">武汉</a>
            <a href="">西安</a>
            <a href="">杭州</a>
            <a href="">南京</a>
            <a href="">成都</a>
            <a href="">重庆</a>
            <a href="">东莞</a>
            <a href="">大连</a>
            <a href="">沈阳</a>
            <a href="">苏州</a>
            <a href="">昆明</a>
            <a href="">长沙</a>
            <a href="">合肥</a>
            <a href="">宁波</a>
            <a href="">郑州</a>
            <a href="">天津</a>
            <a href="">青岛</a>
        </div>
        <a href="javascript:void(0);" class="more" id="area_channel_homepage_more" onclick="javascript:openAreaChannelHomepageDiv()">更多</a>
    </div>
    <div class="citymore" style="display: none">
        <div class="Pinyin_search" id="area_channel_homepage_div">
            <label> 拼音检索</label>
            <ul class="change-pinyin" id="area_channel_homepage_list">
                <li class="on" onclick="areaChannelHomepageChangeTab('abc', $(this))">A B C</li>
                <li onclick="areaChannelHomepageChangeTab('def', $(this))">D E F</li>
                <li onclick="areaChannelHomepageChangeTab('gh', $(this))">G H</li>
                <li onclick="areaChannelHomepageChangeTab('jkl', $(this))">J K L</li>
                <li onclick="areaChannelHomepageChangeTab('mnp', $(this))">M N P</li>
                <li onclick="areaChannelHomepageChangeTab('qrs', $(this))">Q R S</li>
                <li onclick="areaChannelHomepageChangeTab('twx', $(this))">T W X</li>
                <li onclick="areaChannelHomepageChangeTab('yz', $(this))">Y Z</li>
            </ul>
        </div>
        <div class="pinyin_city" id="area_channel_homepage_all">
            <div class="d1" nane="area_channel_div_abc" style="display: none">
                <span><a href="">鞍山</a></span>
                <span><a href="">安庆</a></span>
                <span><a href="">安阳</a></span>
                <span><a href="">北京</a></span>
                <span><a href="">包头</a></span>
                <span><a href="">保定</a></span>
                <span><a href="">蚌埠</a></span>
                <span><a href="">宝鸡</a></span>
                <span><a href="">滨州</a></span>
                <span><a href="">长春</a></span>
                <span><a href="">长沙</a></span>
                <span><a href="">成都</a></span>
                <span><a href="">重庆</a></span>
                <span><a href="">常州</a></span>
                <span><a href="">常德</a></span>
                <span><a href="">常熟</a></span>
                <span><a href="">沧州</a></span>
                <span><a href="">潮州</a></span>
                <span><a href="">郴州</a></span>
                <span><a href="">赤峰</a></span>
                <span><a href="">滁州</a></span>
                <span><a href="">长治</a></span>
            </div>
            <div class="d2" nane="area_channel_div_def" style="display: none">
                <span><a href="">大连</a></span>
                <span><a href="">东莞</a></span>
                <span><a href="">丹东</a></span>
                <span><a href="">大庆</a></span>
                <span><a href="">达州</a></span>
                <span><a href="">大同</a></span>
                <span><a href="">德阳</a></span>
                <span><a href="">德州</a></span>
                <span><a href=""> 东营</a></span>
                <span><a href="">鄂尔多斯</a></span>
                <span><a href="">鄂州</a></span>
                <span><a href="">福州</a></span>
                <span><a href="">佛山</a></span>
                <span><a href="">抚顺</a></span>
                <span><a href="">抚州</a></span>
                <span><a href="">阜阳</a></span>

            </div>
            <div class="d3"nane="area_channel_div_gh"  style="display: none">
                <span><a href="">广州</a></span>
                <span><a href="">贵阳</a></span>
                <span><a href="">赣州</a></span>
                <span><a href="">广安</a></span>
                <span><a href="">广元</a></span>
                <span><a href="">贵港</a></span>
                <span><a href="">桂林</a></span>
                <span><a href="">哈尔滨</a></span>
                <span><a href="">杭州</a></span>
                <span><a href="">合肥</a></span>
                <span><a href="">海口</a></span>
                <span><a href="">呼和浩特</a></span>
                <span><a href="">惠州</a></span>
                <span><a href="">衡阳</a></span>
                <span><a href="">湖州</a></span>
                <span><a href="">邯郸</a></span>
                <span><a href="">汉中</a></span>
                <span><a href="">河源</a></span>
                <span><a href="">菏泽</a></span>
                <span><a href="">衡水</a></span>
                <span><a href="">怀化</a></span>
                <span><a href="">淮北</a></span>
            </div>
            <div class="d4"nane="area_channel_div_jkl" style="display: none">
                <span><a href="">济南</a></span>
                <span><a href="">嘉兴</a></span>
                <span><a href="">金华</a></span>
                <span><a href="">吉林</a></span>
                <span><a href="">江门</a></span>
                <span><a href="">荆州</a></span>
                <span><a href="">济宁</a></span>
                <span><a href="">九江</a></span>
                <span><a href="">焦作</a></span>
                <span><a href="">揭阳</a></span>
                <span><a href="">锦州</a></span>
                <span><a href="">晋中</a></span>
                <span><a href="">重庆</a></span>
                <span><a href="">常州</a></span>
                <span><a href="">常德</a></span>
                <span><a href="">常熟</a></span>
                <span><a href="">沧州</a></span>
                <span><a href="">潮州</a></span>
                <span><a href="">郴州</a></span>
                <span><a href="">赤峰</a></span>
                <span><a href="">滁州</a></span>
                <span><a href="">长治</a></span>
            </div>
            <div class="d5"nane="area_channel_div_mnp" style="display: none">
                <span><a href="">鞍山</a></span>
                <span><a href="">安庆</a></span>
                <span><a href="">安阳</a></span>
                <span><a href="">北京</a></span>
                <span><a href="">包头</a></span>
                <span><a href="">保定</a></span>
                <span><a href="">蚌埠</a></span>
                <span><a href="">宝鸡</a></span>
                <span><a href="">滨州</a></span>
                <span><a href="">长春</a></span>
                <span><a href="">长沙</a></span>
                <span><a href="">成都</a></span>
                <span><a href="">重庆</a></span>
                <span><a href="">常州</a></span>
                <span><a href="">常德</a></span>
                <span><a href="">常熟</a></span>
                <span><a href="">沧州</a></span>
                <span><a href="">潮州</a></span>
                <span><a href="">郴州</a></span>
                <span><a href="">赤峰</a></span>
                <span><a href="">滁州</a></span>
                <span><a href="">长治</a></span>
            </div>
            <div class="d6"nane="area_channel_div_qrs" style="display: none">
                <span><a href="">鞍山</a></span>
                <span><a href="">安庆</a></span>
                <span><a href="">安阳</a></span>
                <span><a href="">北京</a></span>
                <span><a href="">包头</a></span>
                <span><a href="">保定</a></span>
                <span><a href="">蚌埠</a></span>
                <span><a href="">宝鸡</a></span>
                <span><a href="">滨州</a></span>
                <span><a href="">长春</a></span>
                <span><a href="">长沙</a></span>
                <span><a href="">成都</a></span>
                <span><a href="">重庆</a></span>
                <span><a href="">常州</a></span>
                <span><a href="">常德</a></span>
                <span><a href="">常熟</a></span>
                <span><a href="">沧州</a></span>
                <span><a href="">潮州</a></span>
                <span><a href="">郴州</a></span>
                <span><a href="">赤峰</a></span>
                <span><a href="">滁州</a></span>
                <span><a href="">长治</a></span>
            </div>
            <div class="d7"nane="area_channel_div_twx" style="display: none">
                <span><a href="">鞍山</a></span>
                <span><a href="">安庆</a></span>
                <span><a href="">安阳</a></span>
                <span><a href="">北京</a></span>
                <span><a href="">包头</a></span>
                <span><a href="">保定</a></span>
                <span><a href="">蚌埠</a></span>
                <span><a href="">宝鸡</a></span>
                <span><a href="">滨州</a></span>
                <span><a href="">长春</a></span>
                <span><a href="">长沙</a></span>
                <span><a href="">成都</a></span>
                <span><a href="">重庆</a></span>
                <span><a href="">常州</a></span>
                <span><a href="">常德</a></span>
                <span><a href="">常熟</a></span>
                <span><a href="">沧州</a></span>
                <span><a href="">潮州</a></span>
                <span><a href="">郴州</a></span>
                <span><a href="">赤峰</a></span>
                <span><a href="">滁州</a></span>
                <span><a href="">长治</a></span>
            </div>
            <div class="d8"nane="area_channel_div_yz" style="display: none">
                <span><a href="">鞍山</a></span>
                <span><a href="">安庆</a></span>
                <span><a href="">安阳</a></span>
                <span><a href="">北京</a></span>
                <span><a href="">包头</a></span>
                <span><a href="">保定</a></span>
                <span><a href="">蚌埠</a></span>
                <span><a href="">宝鸡</a></span>
                <span><a href="">滨州</a></span>
                <span><a href="">长春</a></span>
                <span><a href="">长沙</a></span>
                <span><a href="">成都</a></span>
                <span><a href="">重庆</a></span>
                <span><a href="">常州</a></span>
                <span><a href="">常德</a></span>
                <span><a href="">常熟</a></span>
                <span><a href="">沧州</a></span>
                <span><a href="">潮州</a></span>
                <span><a href="">郴州</a></span>
                <span><a href="">赤峰</a></span>
                <span><a href="">滁州</a></span>
                <span><a href="">长治</a></span>
            </div>


        </div>
    </div>
    <div class="content-company">
        <div class="content-company-main">
            <div class="content-company-1">
                <span><a href="" id="company-1">&nbsp;&nbsp;&nbsp;互联网/电子商务</a></span>
                <span><a href="">&nbsp;&nbsp;&nbsp;测试工程师(<b>4455</b>)</a></span>
                <span><a href="">&nbsp;&nbsp;&nbsp;网络推广(<b>4455</b>)</a></span>
                <span><a href="">&nbsp;&nbsp;&nbsp;java开发(<b>4455</b>)</a></span>
            </div>
            <div class="content-company-1">
                <span><a href=""  id="company-2">&nbsp;&nbsp;&nbsp;金融/投资/证券</a></span>
                <span><a href="">&nbsp;&nbsp;&nbsp;理财顾问(<b>4455</b>)</a></span>
                <span><a href="">&nbsp;&nbsp;&nbsp;风险控制(<b>4455</b>)</a></span>
                <span><a href="">&nbsp;&nbsp;&nbsp;经济研究员(<b>4455</b>)</a></span>

            </div>
            <div class="content-company-1">
                <span><a href=""  id="company-3">&nbsp;&nbsp;&nbsp;汽车及零配件</a></span>
                <span><a href="">&nbsp;&nbsp;&nbsp;结构/设计(<b>4455</b>)</a></span>
                <span><a href="">&nbsp;&nbsp;&nbsp;销售经理(<b>4455</b>)</a></span>
                <span><a href="">&nbsp;&nbsp;&nbsp;售后服务(<b>4455</b>)</a></span>
            </div>
            <div class="content-company-1">
                <span><a href=""  id="company-4">&nbsp;&nbsp;&nbsp;房地产</a></span>
                <span><a href="">&nbsp;&nbsp;&nbsp;成本管理(<b>4455</b>)</a></span>
                <span><a href="">&nbsp;&nbsp;&nbsp;网络推广(<b>4455</b>)</a></span>
                <span><a href="">&nbsp;&nbsp;&nbsp;销售经理(<b>4455</b>)</a></span>
            </div>
            <div class="content-company-5" style="width: 200px">
                <a class="til" href="">企业服务</a>

                <div id="company-fenlei">
                    <span><a href="">人事外包</a></span>
                    <span><a href="">调研中心</a></span>
                    <span><a href="">企业培训</a></span>
                    <span><a href="">典范雇主</a></span>
                    <span><a href="">在线评测</a></span>
                    <span><a href="">薪酬调查</a></span>

                </div>
                <div>
                    <a class="company-entr">企业入口</a>
                </div>
            </div>
        </div>
    </div>



<%--==================热门职位，名企====================--%>
    <div class="conpany-select">
        <div class="conpany-head">
            <span class="conpany-head-label">为你优选</span>
            <span class="conpany-head-right">查看更多>></span>
        </div>
        <!--==================招聘=======================-->
        <div class="job-body-b">
            <h3 class="job-title">热门职位</h3>
            <ul  class="job-list">


            </ul>
        </div>
        <div class="job-body-b">
            <h3 class="job-title">名企招聘</h3>
            <ul  class="conpany-list">

            </ul>
        </div>
    </div>

    <div class="guanggaobox">
        <img class="guanggao" src="images/guanggao.png">
    </div>

</div>



<script src="${pageContext.request.contextPath}/js/index.js"></script>
</body>
</html>
